<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
        <title>Band Together</title>
        <style type="text/css">
        </style>

        <link rel="Shortcut Icon" href="http://backup.physics.tamu.edu/media/bt.png" type="image/x-icon" >
        <!--<script type="text/javascript" src="http://backup.physics.tamu.edu/media/jquery.js"></script>-->
	<link rel="stylesheet" type="text/css" href="http://backup.physics.tamu.edu/media/index.css" >
	<link rel="stylesheet" type="text/css" href="http://backup.physics.tamu.edu/media/menu.css" >

	<script type="text/javascript" src="utils.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
	<script type="text/javascript">
	$(function() {
        var registerform = $("#registerform");
        var dom = $(document),
                domWidth = dom.width(),
                domHeight = dom.height();
        var overlay = $("#overlay");

        overlay.css({
                width: domWidth,
                height: domHeight,
                opacity: 0.8
        }).show();

        registerform.show();

        $(window).resize(function() {
                var dom = $(document),
                        domWidth = dom.width(),
                        domHeight = dom.height();
                if (overlay.is(':visible')) {
                        overlay.css({
                                width: domWidth,
                                height: domHeight
                        });
                };
        });

        $("#close").click(function() {
                registerform.hide();
                overlay.hide();
		return false;
        	});
	});
	</script>	

</head>
<body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

var timeout     = 500;
var closetimer  = 0;
var ddmenuitem  = 0;

function jsddm_open()
{       jsddm_canceltimer();
        jsddm_close();
        ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{       if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{       closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{       if(closetimer)
        {       window.clearTimeout(closetimer);
                closetimer = null;}}

$(document).ready(function()
{       $('#jsddm > li').bind('mouseover', jsddm_open);
        $('#jsddm > li').bind('mouseout',  jsddm_time);
});

document.onclick = jsddm_close;

</script>

{% autoescape on %}

<div id="registerform">

        <form action="" method="POST">
                Enter your location:
                <label for="id_location"></label>
                <input type="text" name="location" />
                <span id="close"><input type="submit" value="submit" name="submit" placeholder="test></input></span>
		<input type="hidden" name="next" value="" />
        </form>
</div>
<div id="overlay"></div>

{% if text %}
	{{ text }}
{% else %}
	0
{% endif %}

<div class="main">
	<div class="header">
		<img src="http://backup.physics.tamu.edu/media/title.png" alt="Band Together" />
		<div class="slogan">
			<img src="http://backup.physics.tamu.edu/media/connect.png" alt="connect to local music" />
		</div>
		
		<ul id="jsddm">
			<li><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/">Home</a>
			</li>
			<li><a href="#">Find</a>
				<ul>
					<li><a href="#">Venue</a></li>
					<li><a href="#">Artists</a></li>
					<li><a href="#">Genre</a></li>
				</ul>
       			</li>
            		<li><a href="#">Change Location</a>
			</li>
			<li id="bar">
				&nbsp;
			</li>
            	</ul>

	</div>

	<br><br>	

	<h1 style="text-indent:1em;">Popular Artists near you</h1>
	<div class="box">
		Artists
	</div>

	<h1 style="text-indent:1em;">Upcoming Concerts near you</h1>
	<div class="box">
		Concerts
	</div>
	<p>
	<div class="footer">
		<table border="0">
			<tr>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/about/">About Us</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/faq/">FAQ</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/directory/artist">Artist directory</a></td>
			</tr>
			<tr>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/info/team/">Team</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/info/terms/">Terms of Use</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/directory/venue/">Venue directory</a></td>
			</tr>
			<tr>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/info/about/">API</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/bandtogether/info/tour/">What is Band Together?</a></td>
			</tr>
		</table>
	<br>
	<img src="http://backup.physics.tamu.edu/media/bottomLogo.png" alt="Band Together" />
	</div>
</div>
{% endautoescape %}
</body>
</html>
